我們可以視一個tag包起來的區塊(通常為div)為一個Box
了解Box model有什麼東西
- content: 內文凡指文字，圖片等都稱為content。
- border: content的邊界用border包起來，就像是漫畫的格子一樣。
- padding: border到content的距離。
- margin: Box和Box之間的距離。
block(區塊元素)和inline(內聯元素)的差別
我曾經以為每個tag包起來的東西都會是一個區塊，但當我在切版的時候遇到一些莫名的排版走掉問題，一樣的CSS屬性和位置設定卻是出現不一樣的效果，原來tag自己有分兩個種類，又各自原本的原生屬性，也找到一篇很詳細完整的資料就給大家直接參考吧！